<template>
  <view class="page">
    <!-- 数据加载动画 start -->
    <fu-loading v-if="isShowLoading"></fu-loading>
    <!-- 数据加载动画 end -->
    <!-- 内容 start -->
    <view class="content" v-else>
      <view class="logo">
        <image :src="SYSTEM_CONFIG.logo"></image>
        <!-- <view class="name">{{ SYSTEM_CONFIG.appName }}</view> -->
        <view class="name">当前版本{{ SYSTEM_CONFIG.appVersion }}</view>
      </view>
      <!-- 富文本 start -->
      <!-- <view class="container">
        <jyf-parser :content="body"></jyf-parser>
      </view> -->
      <!-- 富文本 end -->
      <view class="bottom-info">{{aboutInfo.web_site_copyright_shop}}</view>
    </view>
    <!-- 内容 end -->
    
  </view>
</template>

<script>
export default {
  data() {
    return {
      isShowLoading: false, //是否开启数据加载动画
      SYSTEM_CONFIG: '', //系统配置变量 logo企业logo appName企业名称
      body: ' ' ,//关于我们介绍内容
	  version:'',
	  aboutInfo: {
	    web_site_copyright: ''
	  },
    };
  },
  onLoad() {
    // 接收系统配置变量
    this.SYSTEM_CONFIG = global.SYSTEM_CONFIG;
    // 获取关于我们内容
    this.getData();
	this.aboutUs()
  },
  onReady() {},
  methods: {
    /**
     * @description 获取关于我们内容]
     */
    getData() {
      // 开启数据加载动画
      this.isShowLoading = true;
      this.$api
        .post(global.apiUrls.postOperationGetColumn, {
          category_id: 6 //分类id 6  关于我们
        })
        .then(res => {
          // 关闭数据加载动画
          this.isShowLoading = false;
          // console.log('富文本内容',res)
          var res1 = res.data;
          if (res1.code == 1) {
            this.body = res1.data.content ;
          }
        })
        .catch(err => {
          // 关闭数据加载动画
          this.isShowLoading = false;
        });
    },
	aboutUs() {
	  this.$api
	    .post(global.apiUrls.aboutUs)
	    .then(res => {
	      console.log(res)
	      if (res.data.code == 1) {
	        this.aboutInfo = res.data.data;
	        let platform = uni.getSystemInfoSync().platform;
	        this.version = this.SYSTEM_CONFIG.appVersion
	        // 如果是安卓机  只让用指纹识别
	        if (platform === 'android') {
	          this.version = res.data.data.android_shop
	        }
	        // 如果是苹果机  看是否是支持人脸还是指纹
	        if (platform === 'ios') {
	          this.version = res.data.data.ios_shop
	        }
	      }
	    })
	    .catch(err => {
	      console.log(err);
	    });
	}
  }
};
</script>

<style>
	page{
		background-color: #fff;
	}
</style>

<style lang="scss" scoped="scoped"> 
	
// 主体 start
.page {
  min-height: 100vh;
  background-color: #fff;
  background: url('../../static/gy-bg.png') no-repeat left top;
  background-size: 100% 100%;
}
// 主体 end
// 内容 start
.content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0 50rpx;
  display: flex;
  flex-direction: column;
  .logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50rpx 0 100rpx;
    image {
      width: 180upx;
      height: 180upx;
    }
  }
  .name {
    margin-top: 20rpx;
    font-size: 28rpx;
  }
  .bottom {
    text-align: center;
    padding: 50rpx 0;
  }
  .container{
    flex: 1;
  }
  view {
    line-height: 50upx;
  }
}
// 内容 end
.bottom-info {
    position: absolute;
    bottom: 80rpx;
    bottom: calc(80rpx + constant(safe-area-inset-bottom));
    bottom: calc(80rpx + env(safe-area-inset-bottom));
    text-align: center;
    color: #BFBFBF;
    font-size: 28rpx;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    left: 0;
  }
</style>
